<%--
  Created by IntelliJ IDEA.
  User: taohj
  Date: 2014/5/24
  Time: 19:33
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%

    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

<%
    response.setHeader("Pragma", "No-cache");
    response.setHeader("Cache-Control", "no-cache");
    response.setDateHeader("Expires", 0);
%>
<html>
<head>
    <base href="<%=basePath%>">
    <script type="text/javascript" src="resources/t.js"></script>
    <title>~~~System Login~~~</title>

    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
    <META HTTP-EQUIV="Expires" CONTENT="0">



    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="resources/js/lib/bootstrap-3.0.3-dist/css/bootstrap.min.css">

    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet" href="resources/js/lib/bootstrap-3.0.3-dist/css/bootstrap-theme.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script type="text/javascript" src="resources/js/lib/jquery-easyui-1.3.5/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="resources/js/lib/bootstrap-3.0.3-dist/js/bootstrap.min.js"></script>
    <script src="resources/js/lib/bootstrap-3.0.3-dist/js/modal.js"></script>


    <script>
        function loginFormSubmit() {
            var form = $("#loginForm");
            form.submit();
        }

        $(document).keydown(function (event) {
            // alert(event.keyCode);
            if (event.keyCode == 13) {
                loginFormSubmit();
            }
        });

        $(document).ready(function(){
            //$('#myModal').modal({backdrop:'static',remote:'http://www.baidu.com'});
        });
    </script>



    <style>
        .LoginForm{

            width:400px;
            height:250px;
            vertical-align:middle;
            position:absolute;
            top:0;
            bottom:0;
            left:0;
            right:0;
            margin:auto;
        }

        form{
            margin-right: 10px;;
        }

    </style>




</head>
<body style="background-color: #ccc; line-height:100%">

<div class="panel panel-default LoginForm">
    <div class="panel-heading">
        <h3 class="panel-title">Login In</h3>
    </div>
    <div class="panel-body" style="padding-left: 20px;">
        <form role="form" action="/admin/login" method="post">



            <div class="form-group">
                <label for="userName">UserName</label>
                <input name="userName" type="text" class="form-control" id="userName" placeholder="Enter userName">
            </div>
            <div class="form-group">
                <label for="Password">Password</label>
                <input  name="password" type="password" class="form-control" id="Password" placeholder="Enter Password">
            </div>
            <div style="padding-left: 90px; font-size: 12px; color: rgb(255,100,100);"> <span style="color: #ffffff">-</span>${message}</div>
               <button type="submit" class="btn btn-default">Submit</button>
        </form>
    </div>
</div>

</body>
</html>
